/** Add css rules here for your application. */
	/** Example rules used by the template application (remove for your app) */
h1 {
	font-size: 2em;
	font-weight: bold;
	color: #777777;
	margin: 40px 0px 70px;
	text-align: center;
}

.sendButton {
	font-size: 42pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
	width: 400px;
}

.dialogVPanel {
	margin: 5px;
}

.topPanel {
	background-image: url('screw.png');
}

.textFrame {
	background-image: url('title.png');
}

.dockpanelen {
	color: blue;
	background-color: #b0c4de;
	background-image: url('Grankvist2.jpg');
}

.loginBox {
	background-image: url('loginframe.png');
	font-size: 24pt;
}

.passText {
	background-color: #98b2ed;
	border-radius: 3px;
}

.userText {
	background-color: #98b2ed;
}

.sudoko {
	background-color: gray;
	font-size: 24pt;

}
.sudokuCell {
	background-color: white;
	font-size: 24pt;
}

.loginButton {
	
}

.mathColumn {
	font-size: 24pt;
	background-color: teal;
	background-image: url('questBack.png');
}

.sideBar {
	background-image: url('sidebarGradient.png');

}

.optionButton {
	background-image: url('sidebarButton2.png');
}

.insideOptionButton {
	background-color: transparent;
	
}
.ExerciseBasic {
	background-color: teal;
}
.TestExercise {
	background-color: red;
}

.Exercise {
	font-size: 24pt;
	color: purple;
	background-color: pink;
}


.eastField {
	color: black;
	background-image: url('purplearrow.png');
}

.serverResponseLabelError {
	color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
	margin: 15px 6px 6px;
}